.activity-content {
    width: 100%;
    max-width: 768px;
    min-height: 100vh;
    background: #fff;
    box-sizing: border-box;
    padding: 0 0 44px 0;
    margin: 0 auto;
  }
  .activity-html{
      width: 100%;
      box-sizing: border-box;
      padding: 4vw;
      font-size: 1em;
  }
  .activity-html p{
      width: 100%;
      line-height: 1.5em;
      margin: 0 0 10px 0;
  }
  .activity-html img{
      width: 100%;
      height: auto;
  }
  .bottom-btn {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
  }
  .bottom-btn button.van-button {
    border: 0;
    background: #37acff;
    color: #fff;
    max-width: 708px;
    margin: 0 auto;
    height: 44px;
    line-height: 44px;
    border-radius: 0;
  }
  button.van-button .van-button__text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .van-button__text .left-icon {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/icon_detail.png) no-repeat 0 -350px/100px 800px;
  }
  .activity-ticket {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    overflow-y: auto;
    box-sizing: border-box;
    position: relative;
    padding: 4vw 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .popup-close {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding: 5px 4vw;
  }
  .popup-close .van-icon {
    float: right;
    font-size: 20px;
    color: #999;
  }
  .popup-close p {
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    line-height: 20px;
  }
  .popup-content {
    width: 100%;
    height: 40vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px 4vw;
  }
  .popup-bottom {
    width: 100%;
    max-width: 708px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dcdfe6;
  }
  .ticket-total {
    width: 60%;
    height: 44px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 1em;
  }
  .next-btn {
    width: 40%;
  }
  .next-btn button.van-button {
    width: 100%;
    border: 0;
    background: #37acff;
    color: #fff;
    height: 44px;
    line-height: 44px;
    border-radius: 0;
  }
  .next-btn button.van-button:disabled{
      background: #999;
  }
  .total-price {
    margin: 0 0 0 10px;
    color: #f93;
  }
  .ticket-check .van-checkbox-group {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .ticket-check .van-checkbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 5px 0;
  }
  .ticket-check .van-checkbox__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    min-height: 45px;
    margin: 0;
    border-radius: 4px;
    color: #999;
  }
  .ticket-check .van-checkbox__icon--checked + .van-checkbox__label {
    border-color: #0099e9;
    color: #0099e9;
    background: url(../img/ticket_jiao.png) no-repeat right bottom/10px
      15px;
  }
  .ticket-check .van-checkbox__icon--disabled + .van-checkbox__label {
    background: #e6e6e6;
  }
  .ticket-check .van-checkbox i.van-icon {
    display: none;
  }
  .label-left {
    margin-left: 10px;
  }
  .label-right {
    margin-right: 10px;
  }
  .ticket-name {
    font-size: 1em;
    font-weight: normal;
  }
  .ticket-price {
    font-size: 1em;
    color: #f93;
  }
  .ticket-discount{
      margin: 10px 0 0 0;
  }
  .ticket-discount .van-cell {
    padding: 5px;
    margin: 5px 0 0 0;
    border-radius: 4px;
    color: #ffc000;
  }
  .ticket-discount .van-cell i.van-icon {
    color: #ffc000;
  }
  .coupon-content {
    width: 100vw;
    height: 100vh;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .coupon-header {
    width: 100%;
    max-width: 768px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 4vw;
    margin: 4vw auto 0 auto;
  }
  .coupon-header > h3 {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 10px 0;
  }
  .coupon-header > p {
    width: 100%;
    font-size: 1em;
    color: #999;
  }
  .coupon-header .van-cell.van-field {
    padding: 10px 0;
  }
  .coupon-header input.van-field__control {
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 5px;
  }
  .coupon-header input.van-field__control::placeholder {
    color: #999;
  }
  .coupon-header .van-field__button .van-button.van-button--default {
    height: 36px;
    line-height: 36px;
    background: #ffc000;
    color: #fff;
    font-size: 1em;
    padding: 0 18px;
    border: 0;
    border-radius: 4px;
  }
  .coupon-footer {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    display: flex;
  }
  .coupon-footer .van-button.van-button--default.van-button--large {
    border: 0;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    background: #dcdfe6;
    color: #444;
    font-size: 1.125em;
  }
  .ticket-num{
      margin: 10px 0 0 0;
  }
  .ticket-num .van-stepper{
      margin: 5px 0 0 0;
  }
  .ticket-num .van-stepper__input[disabled]{
      color: #4d4d4d;
  }